//  品牌世界
<template>
  <div class="container">
    <nav-login></nav-login>
    <home-seach></home-seach>
    <goods-nav :navindex="navindex"></goods-nav>

    <div class="w1200">
      <p class="title">
        <router-link to="/" style="color:#333">首页</router-link> 
         > 品牌中心</p>
      <popular-brand></popular-brand>
      <Alphabet></Alphabet>
    </div>

    <bottom-nav></bottom-nav>
    <home-footer></home-footer>
  </div>
</template>
<script>
// import popularBrand from "./components/PopularBrand"; // 热门品牌
// import Alphabet from "./components/Alphabet"; // 热门品牌

export default {
  name: "brandWorld",

  data() {
    return {
      navindex: 2
    }
  },
  components: {
    popularBrand: () => import("./components/PopularBrand"),
    Alphabet: () => import("./components/Alphabet")
  }
}
</script>
<style lang="scss" scoped>
.container {
  .w1200 {
    width: 1200px;
    margin: auto;
    .title {
      padding: 0 10px;
      font-size: 14px;
      color: #3a3a3a;
      line-height: 14px;
      border-left: 3px solid #a2a2a2;
      margin: 25px 0px;
    }
  }
}
</style>


